import React from 'react'
import {Swiper} from 'antd-mobile'
import './style.less'
export default function index(props) {
    // console.log(props.banner)
    return (
        <div>
            <Swiper loop={props.loop} autoplay={props.autoplay} autoplayInterval={3000}
            indicatorProps={{
                style:{
                    // '--track-padding': ' 0 0 50px',
                }
              }}>
                {
                props.banner.map((item,index )=>(
                <Swiper.Item key={index}>
                    <div className='swiperitem'>
                        <img src={item} alt='banner'/>
                    </div>
                </Swiper.Item>))
                
                }
                
               
            </Swiper>
        </div>
    )
}
